/* ----------------------------------

extend_common.css  file for Discuz! X3系列

【未来科技】 
【http://www.wekei.cn】
Author: Veiki

专注于 Discuz模板开发设计等服务。
详情请查看 
http://www.wekei.cn
或进入【未来科技Discuz应用中心】
http://addon.discuz.com/?@2367.developer 
或咨询 客服 QQ 1508085698 1595675868

Created Time: 2012-09-05
Update Time： 2014-05-25
Modified Time: 2017-01-22
Modified Time: 2017-03-01

---------------------------------- */

/* 2017  */
/* 1200px */


/*************************************************************************
* 
* 公共属性
*
**************************************************************************/
body, input, button, select, textarea { font: {FONTSIZE}{FONT};color: {TABLETEXT};font-family:"Microsoft yahei", "微软雅黑", Arial, Helvetica, sans-serif, "宋体";}

body { background:#f2f2f2  /*url({STYLEIMGDIR}/bg_body.jpg) center top no-repeat*/ ; }
a { outline: none; }

a:active { star:expression(this.onFocus=this.blur());}
a:hover { color:#f60; text-decoration:none; }
:focus { outline:0; }
img, fieldset { border:0; }
ol, ul, menu { list-style:none; }
td, th, div { word-break:break-all; word-wrap:break-word }
* { outline:none }





/*********************************************************************

toptb

**********************************************************************/

#um .diynav { text-align: right; }
	#diy-tg { padding-top:0px;}
	#diy-tg_menu { margin-top:-5px /* -12px*/ !important;}
	#diy-tg_menu ul li a { height:24px; line-height:24px;  color:#333;}

	a#diy-tg { width: 55px;  height:24px !important;  margin-top:10px;text-indent: -9999px; overflow: hidden; background: url({STATICURL}image/diy/panel-toggle.png) no-repeat 100% 1px;  }

	#diy-tg { float: none; display: inline-block; margin-bottom:0px; height: 19px;  }

	#diy-tg_menu { margin-left: -18px; }
		#diy-tg_menu li { line-height: 2; }

 	#toptb {height:43px; line-height: 40px;  /*overflow:hidden; */border:none; background: url({STYLEIMGDIR}/bg_toptb.png) repeat-x;  }

		.ie6 #toptb { background:#fff; }
		#toptb a { float: left; padding: 5px 4px 0 4px; height:30px;  line-height: 30px;  color: #333 }
		#toptb a.showmenu { padding-right: 15px; }
		#toptb .pipe { float: left; display: none; }


	a#switchwidth { width: 30px; height:30px !important;   padding-top:0px;   background: url({STYLEIMGDIR}/vk_switch_width.gif)  no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
	a#switchwidth:hover{ background-position:0px -30px; }

			
	#toptb a#sslct { width: 30px; height:30px !important;  padding-top:0px; background: url({STYLEIMGDIR}/vk_style_switch.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
	#toptb a#sslct:hover { background-position:0px -30px; }
	
	#sslct_menu { padding: 10px 10px 10px 10px; width:420px; }
		 .sslct_btn { float: left; display:block; margin: 4px 4px 0 0; width: 200px; height: 32px; line-height:30px; border: 1px solid #fff; cursor: pointer; font-size:14px; text-indent:10px; }
		 .sslct_btn:hover { background:#ddd; }
			.sslct_btn i { float: left; display: inline; margin: 1px; width: 30px; height: 30px; background: #2E80D1; overflow: hidden; font-style: normal; }





/*********************************************************************

wp mn sd

**********************************************************************/
/*
#hd .wp { margin: 0 auto; width:1200px; clear:both; }
.vk_wp { margin: 0 auto; margin-bottom:15px; width:1200px; clear:both; background:#fff;  border-radius:0 0 5px 5px;}
.wp { margin: 0 auto; width:1180px; clear:both; }
#wp .wp { width: auto; }
*/


/* 2016 */ 
.wp { margin: 0 auto; width: 1200px;} 
#wp .wp { width: auto; }
#vk_wp .vk_wp { width: auto; }

#hd .wp { padding:0px ;}

/* 页面宽度 2017  */
	/* */
	.ct2 .mn {width: 940px; margin-bottom: 1em; }
	.ct2 .sd {width: 230px; overflow: hidden; _overflow-y: visible; }

	/*  */
	.ct2_a .mn { width:1020px /*810px 860px*/; display: inline; margin-right: 10px; padding-top: 10px; }
		#nv_userapp .ct2_a .mn, .ct2_a_r .mn { margin-right: 0; width: 810px; }
	/*  */
	.ct3_a .mn {width: 760px; }
	
		.ct2_a, .ct3_a { background-color:#fff; border: 1px solid #ddd;   background-image: url({STYLEIMGDIR}/vlineb.gif) ; }

	
#pt { margin-top:0px !important; }

/* patch 2017 */
#scrolltop {  margin: -30px 0px 0px 10px; }
.pls { background: none repeat scroll 0% 0% #f8f8f8 !important;   overflow: hidden; border-right: 1px solid #ccc !important; }
.h_pop, p_pop { text-align:center; }






/*********************************************************************

nv

**********************************************************************/

.hdc #um { padding-top:20px;}

#um .avt img {  border-radius:5px; padding:0px; width: 48px; height: 48px; background: #fff; border: none /*1px solid #fff*/; box-shadow: none /*1px 1px 3px #999*/; }
	



	#nv { /* display:inline;*/ overflow: hidden !important; width:100%; z-index:9999; height: 50px; padding:0px; background:   url({STYLEIMGDIR}/nv.gif) repeat-x ;}
	#nv ul{ width: 1200px ;  height: 50px;   margin-top:0px;  margin:0 auto; overflow: hidden !important; /* box-shadow:0px 1px 3px #999; border-radius:5px 5px 0 0; */  background: url({STYLEIMGDIR}/nv.gif) repeat-x;  } 
		#nv li { float: left; height: 50px;  font-weight:normal; font-size: 14px;  background: none;  background: none  /*url({STYLEIMGDIR}/nv_li.gif) no-repeat 100%  0 */; }
			.ie_all #nv li { line-height: 50px;}
			.ie6 #nv li { line-height: 50px; }
					
			#nv li a { float: left; padding:0 16px; text-align:center; width: auto;  height: 50px; display:block; line-height: 50px; color: #fff; font-size:16px; background: none; /* background-image: url(nv.gif); */ } 

				#nv li span { display: none; }
			#nv li.a { margin-left:0px;  background: url({STYLEIMGDIR}/nv_a.gif) repeat-x top center; } 
				#nv li.a a { color:#fff;  background: url({STYLEIMGDIR}/nv_a.gif) no-repeat 0px 0px;  } 
				#nv li a:hover { color:#fff; text-decoration:none;  background: url({STYLEIMGDIR}/nv_a.gif) repeat-x top center; } 
				#nv li.hover a:hover, #nv li.hover a { color:#fff;  background: url({STYLEIMGDIR}/nv_a.gif) repeat-x top center; } 
/*					.ie6 #nv li.a, .ie6 #nv li.a a, .ie6 #nv li a:hover, .ie6 #nv li.hover a { color:#333; }
*/

			#qmenu { margin:13px 8px; }

#mu ul {  border: 1px solid #ddd; border-top:none; background-image: none; background-color:#fff; }


					
/* search bottom */
.vk_search_bottom { margin:0 auto; padding:10px 10px;  height: 40px;  overflow: hidden; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #fff;  border-top: 1px solid #FFF; /*box-shadow:1px 1px 3px rgba(0,0,0, 0.2);*/ }

#scbar_logo_r { float:left; width:350px; height: 40px; border:none; margin-right:10px; line-height: 40px; overflow: hidden;  background: url({STYLEIMGDIR}/search_logo_bottom.gif) no-repeat 0 0;  /*box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); border-radius:5px; */ }
	.scbar_txt_td { background: none; }
	#scbar_txt { width: 235px !important; /*height:40px; line-height:40px;*/ padding:5px 10px; border: none; background:none; outline: none; font-size: 14px; color:#999 !important; } 
	.scbar_type_td { width: 50px; text-align: center; background: none; padding-right:0px; }
	#scbar_type { display: block; padding-left:7px; text-align: left; text-decoration: none; }
	#scbar_type_menu { margin-top: 0px; }
	.scbar_btn_td { width:40px; height:40px; background: url({STYLEIMGDIR}/search_logo_bottom.gif) no-repeat  -350px 0; }
	#scbar_btn { margin:0; padding: 0; border: none; background: transparent; display:block; width:40px;  height:40px;}
	.vk_search_right .showmenu {  background: url({IMGDIR}/arrwd.gif) no-repeat 86% 50%;}

#scbar_hot .xw1 { color:#f60; font-size:14px; font-weight:normal;}
#scbar_hot .xi2 { color:#999; font-size:14px; font-weight:normal;}
#scbar_hot a.xi2:hover { color:#f60;}
				
/* search post */
.search_post {  float:right; right:0px;  }
.search_post a { height:40px; width:200px; display: inline-block; /* position:relative; */ margin:0 0 0 30px; transition:all 0.3s; -webkit-transition:all 0.3s;  background:url({STYLEIMGDIR}/search_post.gif) no-repeat 0 0; /*  box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);  border-radius:5px ;*/}
.search_post a:hover { background-position:0 -40px;}

.scbar_hot_td { width:560px; float:left;overflow: hidden;  }
				#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }
					#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }





/*********************************************************************

title  tab

**********************************************************************/
.module { position: relative;}
.module em { position:absolute; right:0px;}


/*********************************************************************

patch 2017 -  forum DIY 

**********************************************************************/
/* 1800 = 890 + 20 + 890 */


/********************************************************************
*
*			color redefine
*
*********************************************************************/
/*
#nv li a ,#nv li.a , #nv li a:hover, #nv li.hover a:hover, #nv li.hover a {  color: #333;  }

 #toptb, #toptb a  { color:#222 !important;}
.hdc, .hdc a, #um p { color:#fff !important;}
*/
.xs0 a.vk_copyright { font-size:9px; color:#f2f2f2;}



